<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Binding</title>
    <link rel="StyleSheet" href="../css/login.css" type="text/css" media="screen" />
    <link rel="StyleSheet" href="../css/common.css" type="text/css" media="screen" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div th:replace="common/top"></div>

<div id="w">
    <div class="content" id="popLayer" style="text-align: center;background-color: #ffffff;">
        <span class="cartMsg">提示</span>
    </div>
    <div class="bindContent">
        <div class="registerTitle">
            <p class="title">Binding</p>
        </div>
        <form action="/user/bindPhoneNumberAndUsername" class="registerForm" method="post">
            <div th:if="${errorMsg} != null" class="errorContent">
                <p th:text="${errorMsg}" id="error" name="error">error</p>
            </div>

            <table class="registerList">
                <tr>
                    <td class="listName">用 户 名： </td>
                    <td class="listContent">
                        <input type="text" class="registerFormInput" name="username" id="username">
                    </td>
                </tr>
                <tr>
                    <td class="listName">手 机 号：</td>
                    <td class="listContent">
                        <input type="text" class="registerFormInput" name="phoneNumber" id="phoneNumber">
                    </td>
                </tr>
                <tr>
                    <td class="listName">短信验证码：</td>
                    <td class="listContent">
                        <input type="text" class="bindFormInputCode" name="phoneCode" id="phoneCode">
                        <button type="button" class="bindObtain">Obtain</button>
                    </td>
                </tr>
            </table>

            <div class="registerFormItem">
                <input type="submit" class="registerFormSubmit" value="Complete">
            </div>

        </form>
    </div>
</div>

<div th:replace="common/bottom"></div>

<script src="../js/sendPhoneCodeForRegister.js"></script>
</body>
</html>